<!DOCTYPE html>
{% load static %}
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>导航</title>
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="{% static 'css/kaidan_restaurant_nav/index.css' %}">

</head>

<body style="">
<div class="container">
    <!-- 导航  start -->
    <div class="nav-content">
        <div class="nav-wrap">
            <span>+</span>
        </div>
    </div>
    <!-- 导航  end -->

    <!-- 选项卡  start -->
    <div class="tab-content">
        <div class="tab-wrap">
            <div class="tab-list-warp">
                <p>1</p>
                <p>3</p>
                <p>5</p>
                <p>7</p>
            </div>
        </div>
        <div class="tab-wrap">
            <div class="tab-list-warp-rotate">
                <p>2</p>
                <p>4</p>
                <p>6</p>
                <p>8</p>
            </div>
        </div>
    </div>
    <!-- 选项卡  start -->
</div>

<script src="{% static 'js/kaidan_restaurant_nav/jquery.min.js.下载' %}"></script>
<script src="{% static 'js/kaidan_restaurant_nav/index.js.下载' %}"></script>
</body>
</html>